@charset "utf-8";
@import "common";
@import "reset";

//评价订单

.pingjia{
    width: 818px;
//  height: 525px;
    margin: 0 auto;
    font-size: 0;
    padding-bottom: 43px;
//  background-color: black;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    .top{
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #e7e7e7;
        background-color: #f8f8f8;
        font-size: 15px;
//      padding-left: 31px;
        line-height: 50px;
        p:first-of-type{
            margin-left: 31px;
            display: inline-block;
        }
        
    }
    .icon-w{
        display: inline-block;
        float: right;
//      margin-right: 25px;
        width: 63px;
        text-align: center;
        color: #878787;
        height: 100%;
        &:hover{
            background-color: red;
            color: white;
            border-top-right-radius: 3px;
            cursor: pointer;
        }
        
    }
//  内容
    .content{
        width: 739px;
//      height: 391px;
        margin-top: 40px;
        margin-left: 39px;
//      background-color: black;
//左边
        .left{
            width: 164px;
//          height: 250px;
//          background-color: black;
            .img-w{
                border: 1px solid $basecolor;
                img{
                    width: 160px;
                    height: 160px;
                    display: block
                }
                
            }
            p{
                    width: 100%;
                    margin-top: 15px;
                    line-height: 24px;
                    font-size: 12px;
                    color: #878787;
                }
            
        }
//      右边
        .right{
//          打分
            font-size: 0;
            margin-left: 40px;
            .point{
                font-size: 13px;
                line-height: 20px;
                height: 20px;
                color: $fontcolor;
                margin-top: 20px;
                &:first-of-type{
                    margin-top: 0;
                }
//              vertical-align: middle;
                .starbar{
                    display: inline-block;
                    position: relative;
                    img{
                        width: 118px;
                        height: 20px;
                        display: block
                    }
//                  改变红星进度条
                    .redstarbar{
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 20px;
                        overflow: hidden;
                        width: 0;
                    }
                    .baractive{
                        width: 90%;
                    }
                    
                    
                }
            }
//          输入框
            textarea[name="share"]{
                display: block;
                width: 505px;
                margin-top: 21px;
                height: 110px;
                border: 1px solid $basecolor;
                padding-top: 16px;
                padding-left: 14px;
                padding-right: 13px;
                padding-bottom: 12px;
                font-size: 12px;
                border-radius: 4px;
                outline: none;
                resize: none;
            }
            
//          上传部分
            .shangchuan{
                width: 100%;
//              height: 48px;
                margin-top: 14px;   
                font-size: 12px;
                color: $fontcolor;
                line-height: 48px;
                vertical-align: middle;
                span{
                    color: #eb413d;
                }
                .btn{
                    border: 1px solid $basecolor;
                    width: 46px;
                    height: 46px;
                    outline: none;
                    vertical-align: middle;
                    display: inline-block;
                    &:first-of-type{
                        margin-left: 2px;
                    }
                    &:nth-of-type(2){
                        margin-left: 12px;
                    }
                    img{
                        width: 46px;
                        height: 46px;
                        display: block;
                    }
                    
                }
                p{
                        display: inline-block;
//                      height: 100%;
                        line-height: 48px;
                        vertical-align: middle;
                    }
            }
            
//          提交
            .submit{
                width: 100%;
                height: 48px;
                margin-top: 24px;
                font-size: 12px;
//              vertical-align: middle;
                input[type="submit"]{
                    font-size: 12px;
                    margin-left: 3px;
                    border: 0px;
                    width: 182px;
                    height: 48px;
                    border-radius: 24px;
                    background-color: #eb413d;
                    line-height: 100%;
                    text-align: center;
                    color: white;
                    outline: none;
                }
                input[type="checkbox"]{
                    vertical-align: -3px;
                    margin-left: 18px;
                    outline: none;
                }
            }
            
        }
    }
    
}
